"use client"

import UiButton from "@/components/ui/UiButton"
import { UiFormRoot, UiFormItem, UiFormSubmit } from "@/components/ui/UiForm"
import { TextArea, TextFieldInput } from "@radix-ui/themes"

const Profile = () => {
    return (
        <UiFormRoot>
            <UiFormItem label="姓名" name="username">
                <TextFieldInput />
            </UiFormItem>
            <UiFormItem label="性别" name="gender">
                <TextFieldInput />
            </UiFormItem>
            <UiFormItem label="标签" name="tags">
                <TextFieldInput />
            </UiFormItem>
            <UiFormItem label="自我介绍" name="bio">
                <TextArea maxLength={300}  />
            </UiFormItem>
            <UiFormSubmit>
                保存
            </UiFormSubmit>
        </UiFormRoot>
    )
}
export default Profile